*{
    padding: 0;
    margin: 0;
}
/* 头部 */
.header{
    width: 10rem;
    height: 1.3333rem;
    background-color: #1d6dff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    img{
        width: .9067rem;
        height: .9067rem;
        margin-right: .2667rem;
    }
    p{
        font-size: .5333rem;
        color: #fff;
        font-weight: 900;
     
     }
     i{
        color: #fff;
        font-size: .5333rem;
        margin-left: .2667rem;
    }

}

/* 中间内容 */
.main{
    width: 10rem;
    display: flex;
    flex-wrap: wrap;
    .maina{
        width: 4.5067rem;
        height: 7.0667rem;
        padding: .8rem .2133rem .2667rem .2133rem;
        border: .0267rem solid #c4c4c4;
    }
    img{
        width: 3.7333rem;
    }
    .maina p:nth-of-type(1){
        font-size: .4rem;
        margin-top:.1067rem;
        margin-bottom:.2667rem
    }
    .maina p:nth-of-type(2){
        font-size: .4267rem;
        margin-bottom:.3733rem;
        color: #1d6dff;
    }
    .maina p:nth-of-type(3){
        font-size: .3467rem;
        color: #9d9d9d;
    
    }

}

/* 底部信息 */
.footer{
    width: 100%;
    height: 3.3514rem;
    .footera{
        width: 100%;
        height: 1.2432rem;
        
        border-bottom: 1.0012px solid #c4c4c4;
        display: flex;
        background-color: #f4f4f4;
        justify-content: center;
        align-items: flex-end; 
        p{
            width: 33%;
            height: .8919rem;
            border-right: 1.0012px solid #c4c4c4;
            text-align: center;
            line-height: .8919rem;
            color: #666;
            font-size:.3784rem;
            border-top: 1.0012px solid #c4c4c4;
        }  
        p:nth-of-type(3){
            border-right: none;
         
        }
    }
    .footerb{
        width: 9.4667rem;
        height: 1.5676rem;
        padding:.2703rem;
        font-size: .3514rem;
        background-color: #f4f4f4;
        a{
            text-decoration: none;
            color: #333;
        }
        p{
            margin-bottom: .625rem;
            text-align: center;
        }
        p:nth-of-type(1) a:nth-of-type(1){
            color: #666666;
        }
        p:nth-of-type(1) a:nth-of-type(2){
            color: #666666;
        }
    }
}